@media (max-width:479px) {
    .panel-toolbar>li>a {
        text-indent: -9999px;
    }
    .panel-toolbar>li>a>i {
        text-indent: 0;
        margin-right: 0;
    }
    .headline-info>li {
        float: none;
        border: 0;
        padding: 0;
    }
    .media-body .headline-info {
        display: none;
    }
    .statistics>li {
        width: 100%;
        margin: 10px 0;
    }
    .message-controls {
        text-align: center;
    }
    .message-controls .pull-left {
        display: none;
    }
    .footer-links-group>li {
        border-right: 0;
    }
    .footer-icons-group>li>a {
        border-left: 0;
    }
    .chat-member {
        float: none;
    }
    .chat-actions {
        float: none;
        width: 100%;
        text-align: center;
        margin: 10px 0 0;
    }
    .chat .message {
        max-width: 100%}
    .chat-member-heading>.pull-left, .chat-member-heading>.pull-right {
        float: none!important;
    }
    .chat-member-heading>.pull-right {
        margin-top: 10px;
    }
    .breadcrumb-buttons>li>a .caret, .breadcrumb-buttons>li>a>span {
        display: none;
        float: none;
    }
    .breadcrumb-buttons>li {
        text-align: center;
    }
    .breadcrumb-buttons>li>a>i, .language.dropdown>a>img {
        float: none;
        margin: 0;
        display: inline-block;
    }
    .breadcrumb-buttons>li>a {
        height: 36px;
    }
    .ui-datepicker-multi-3 .ui-datepicker-group {
        width: auto;
    }
    .fc-header-right {
        text-align: center;
    }
    .fc-header-right .fc-button {
        margin-left: 0;
        width: 100%}
    .fc-header td, .fc-header-title h2 {
        white-space: normal;
    }
    .fc-header-left .fc-button {
        width: 100%;
        text-align: center;
    }
    .fc-header-left .fc-button+.fc-button {
        margin-top: 2px;
    }
}
@media (max-width:480px) {
    .nav-tabs>li {
        float: none;
    }
    .nav-tabs>li.pull-right {
        float: none!important;
    }
    .nav-tabs>li>a {
        border: 1px solid #ddd;
        margin-right: 0;
    }
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
        border-bottom-color: #ddd;
    }
    .nav-pills>li {
        float: none;
    }
    .nav-pills>li+li {
        margin-left: 0;
        margin-top: 2px;
    }
    .nav-pills>li.active>a:after {
        content: "";
        border: 0;
    }
    .header-statistics .statistics>li {
        margin: 20px 0 0;
    }
    .header-statistics .statistics>li:first-child {
        margin-top: 0;
    }
    .header-bar-stats .page-stats li {
        padding: 20px 0 0;
        display: block;
    }
    .header-bar-stats .page-stats li:first-child {
        padding-top: 0;
    }
    .header-info-buttons .info-buttons li {
        display: block;
        margin: 10px 0 0;
    }
    .header-info-buttons .info-buttons li:first-child {
        margin-top: 0;
    }
    .checkbox-inline, .radio-inline {
        display: block;
    }
    .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
        margin-left: 0;
        margin-top: 9px;
    }

    .clearfix .media-heading {
        float: none;
    }
    .media-notice {
        float: none;
        margin-bottom: 5px;
    }
    .info-blocks>li {
        width: 100%;
        margin: 10px 0;
    }
    .footer .icons-group {
        display: none;
    }
    .table-footer {
        text-align: center;
    }
    .table-footer .pagination, .table-footer .table-actions {
        float: none;
    }
    .table-footer .pagination {
        margin-top: 15px;
    }
    .calendars {
        position: absolute;
        top: 100%;
        left: 0;
        background: 0 0;
        border: 0;
        width: 100%;
        padding: 0 15px;
        margin-top: 10px;
    }
    .daterangepicker {
        left: 0!important;
        right: 0;
        padding: 0 15px;
    }
    .daterangepicker, .daterangepicker .ranges {
        width: 100%;
        float: none;
    }
    .daterangepicker .ranges .range_inputs>div {
        width: 48%}
    .daterangepicker_start_input {
        margin-right: 4%
    }
    .left-box, .right-box {
        width: 100%;
        float: none;
    }
    .dual-control {
        width: auto;
        margin: 20px 0;
        position: static;
        left: 0;
    }
    .count-label {
        text-align: center;
    }
    .datatable-footer, .datatable-header {
        text-align: center;
    }
    .DTTT_container, .dataTables_filter, .dataTables_info, .dataTables_length, .dataTables_paginate, .paging_full_numbers {
        float: none;
    }
    .DTTT_container {
        margin: 16px 0 0;
    }
    .panel .dataTables_length, .panel .dataTables_paginate {
        padding-top: 0;
        margin-top: 0;
    }
    .plupload_filelist_footer .plupload_file_action, .plupload_filelist_footer .plupload_file_size, .plupload_filelist_footer .plupload_file_status, .plupload_filelist_footer .plupload_progress {
        display: none;
    }
    .error-wrapper, .login-wrapper {
        width: 100%;
        margin: 0;
        padding-left: 15px;
        padding-right: 15px;
        height: auto;
        position: static;
    }
    .login-wrapper {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .error-content, .error-wrapper {
        width: 100%}
    .error-wrapper h1 {
        font-size: 140px;
        padding-top: 0;
    }
    .error-wrapper.offline h1 {
        font-size: 100px;
    }
    .page-condensed .error-wrapper {
        padding-top: 35px;
    }
    .page-condensed .footer {
        display: none;
    }
}

@media (max-width:767px) {
    [class*=col-sm-]+[class*=col-sm-] {
        margin-top: 20px;
    }
    [class*=col-sm-]+[class*=col-lg-], [class*=col-sm-]+[class*=col-md-], [class*=col-sm-]+[class*=col-xs-], label[class*=col-sm-]+[class*=col-sm-] {
        margin-top: 0;
    }
    .form-horizontal label[class*=col-sm-] {
        padding-top: 0;
    }
    .nav-tabs.nav-justified>li>a {
        margin-left: 0;
        border: 1px solid #ddd;
    }
    .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #ddd;
    }
    .nav-pills.nav-justified>li+li {
        margin-left: 0;
        margin-top: 2px;
    }
    .nav-pills.nav-justified>li>a {
        margin-left: 0;
    }
    .nav-pills.nav-justified>li.active>a:after {
        content: "";
        border: 0;
    }
    .nav-pills.nav-justified .dropdown-menu {
        margin-left: 0;
    }
    .page-header .page-title {
        float: none;
        padding-right: 40px;
    }
    .page-header .page-title h3 {
        font-size: 18px;
        padding: 25px 0;
    }
    .page-header h3 small {
        margin-top: 6px;
    }
    .header-progress {
        float: right;
        width: 100%}
    .header-progress .progress {
        width: auto;
    }
    .header-statistics {
        width: 100%}
    .header-statistics .statistics>li {
        margin: 0 10px;
    }
    .header-buttons, .header-info-buttons, .header-search, .header-select {
        width: 100%}
    .header-info-buttons .info-buttons {
        text-align: center;
    }
    .header-info-buttons .info-buttons li {
        float: none;
        display: inline-block;
    }
    .header-info-buttons .info-buttons a {
        margin: 0;
    }
    .header-select {
        text-align: center;
    }
    .header-select label {
        margin: 0 8px 5px 0;
        float: none;
    }
    .header-bar-stats {
        width: 100%;
        line-height: 1;
    }
    .header-bar-stats .page-stats li {
        line-height: 1.42857143;
    }
    .header-bar-stats, .header-buttons, .header-info-buttons, .header-progress, .header-search, .header-select, .header-statistics {
        position: absolute;
        right: 0;
        top: 70px;
        margin: 0;
    }
    .header-bar-stats .well, .header-buttons .well, .header-info-buttons .well, .header-progress .well, .header-search .well, .header-select .well, .header-statistics .well {
        padding: 12px;
        background-color: #fcfcfc;
        border: 1px solid #E5E5E5;
        text-align: center;
    }
    .breadcrumb {
        padding-right: 40px;
        background-color: #fcfcfc;
        border: 1px solid #e5e5e5;
        float: none;
    }
    .panel-footer {
        text-align: center;
    }
    .panel-footer>.pull-left, .panel-footer>.pull-right {
        float: none!important;
    }
    .bar-left, .bar-right {
        float: none;
        width: 100%}
    .bar-right {
        margin-top: 20px;
    }
    .bar label {
        margin: 0 0 4px;
        display: block;
    }
    .bar .form-control {
        width: 100%}
    .bar .btn {
        margin-top: 2px;
        margin-left: 0;
        text-align: center;
        width: 100%}
    .bar .btn>i {
        float: none;
    }
    .bar .select2-container {
        width: 100%!important;
    }
    .task-info {
        text-align: center;
        border-top: 1px solid #eee;
        padding-top: 20px;
    }
    .footer-icons-group>li, .footer-links-group>li {
        float: none;
    }
    .footer-icons-group {
        font-size: 0;
    }
    .footer-icons-group>li>a {
        border: 0;
    }
    .footer-icons-group>li {
        display: inline-block;
    }
    .panel-footer .pull-left i {
        display: none;
    }
    .popup, .popup .table {
        min-width: 0;
    }
    .breadcrumb-line {
        border: 0;
        background: 0 0;
    }
    .breadcrumb-top {
        margin: 0 -15px;
    }
    .breadcrumb-top .breadcrumb-buttons {
        margin-right: 0;
    }
    .breadcrumb-top .breadcrumb {
        padding-left: 15px;
    }
    .breadcrumb-top .breadcrumb-toggle {
        right: 3px;
    }
    .breadcrumb-buttons {
        margin-top: -1px;
        background-color: #fff;
        width: 100%;
        border: 1px solid #ddd;
        z-index: 2;
    }
    .breadcrumb-buttons>li {
        float: none;
        width: 1%;
        display: table-cell;
    }
    .breadcrumb-buttons>li:first-child {
        border-left: 0;
    }
    .breadcrumb-buttons>li>a .caret {
        float: right;
        margin-top: 9px;
    }
    .breadcrumb-buttons .dropdown-menu, .breadcrumb-buttons .popup.dropdown-menu.dropdown-menu-right {
        float: left!important;
        left: -1px;
        right: -1px;
    }
    .breadcrumb-buttons>li {
        position: static;
    }
    .breadcrumb-buttons .dropdown-menu {
        margin-top: 2px;
    }
    .breadcrumb-buttons .dropdown-menu>li:first-child:after, .breadcrumb-buttons .dropdown-menu>li:first-child:before, .breadcrumb-buttons .popup-header:after, .breadcrumb-buttons .popup-header:before {
        content: "";
        border: 0;
    }
    .range {
        margin: 0;
    }
    .daterangepicker {
        margin-top: -14px;
    }
    .daterangepicker.opensleft .calendar {
        margin-left: 0;
        float: none;
        margin-top: 12px;
    }
    .daterangepicker.opensleft .calendar:first-child {
        margin-top: 0;
    }
    .date-range, .range .label {
        display: none;
    }
    .ranges ul li:first-child:before {
        right: 11px;
        margin-right: -1px;
    }
    .ranges ul li:first-child:after {
        right: 11px;
        margin-right: 0;
    }
}

@media (max-width:768px) {
    .navbar-header {
        margin: 0 15px;
    }
    .navbar-nav .open .dropdown-menu, .navbar-nav>li>.dropdown-menu {
        position: absolute;
        float: none;
        width: 90%;
        margin: 5px 5% 0;
        background-color: #fff;
        border: 1px solid #ccc;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
    }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
        padding: 10px 12px 11px;
        line-height: 1.42857143;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #333;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        background-color: #3A4B55;
        box-shadow: 1px 0 0 #3A4B55, -1px 0 0 #3A4B55;
        -webkit-box-shadow: 1px 0 0 #3A4B55, -1px 0 0 #3A4B55;
        -moz-box-shadow: 1px 0 0 #3A4B55, -1px 0 0 #3A4B55;
    }
    .header-bar-stats>div, .header-buttons>div, .header-info-buttons>div, .header-progress>div, .header-search>div, .header-select>div, .header-statistics>div {
        display: block;
    }
    .form-horizontal .control-label {
        text-align: left;
    }
    .form-horizontal .control-label.text-right {
        text-align: right;
    }
    .activity>li, .btn, .caret, .checker span, .checker span:after, .choice span, .choice span:after, .close, .content, .date-range:after, .date-range>i, .daterangepicker td, .daterangepicker th, .dropdown-menu .label, .dropdown-menu>li:after, .dropdown-menu>li:before, .dropdown-menu>li>a>i, .dropdown-menu>li>a>img, .dropdown-submenu>a:after, .fancybox-nav span, .fc-button, .has-switch>.switch-animate, .has-switch>div>label, .has-switch>div>span, .jGrowl-close, .level-opened:after, .media-body .headline-info, .nav-pills .label, .nav-pills>li>a:after, .nav-tabs .label, .navbar-header, .navbar-toggle, .navigation li a i, .navigation li a:after, .page-content, .panel-trigger>a:after, .popup-header a i, .popup-messages>li>a>strong, .ranges ul li, .ranges ul li:after, .ranges ul li:before, .select2-arrow b, .select2-choice abbr, .select2-highlighted, .sidebar, .sidebar-narrow .navigation-narrow>li>a>i, .sidebar-narrow .navigation>li, .sidebar-narrow .navigation>li>ul, .table-hover>tbody>tr>td, .thumb-options, .thumb-zoom img, .ui-datepicker-trigger, .ui-slider-range, .ui-timepicker-duration, .ui-timepicker-list li, a {
        -webkit-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
        -o-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
    }
    .page-content {
        margin: 25px 25px 0 25px!important;
    }
    .invoice-details {
        float: none;
        margin-top: 12px;
    }
    .breadcrumb-buttons {
        display: block;
    }
}

@media (max-width:991px) {
    [class*=col-md-]+[class*=col-md-] {
        margin-top: 20px;
    }
    [class*=col-md-]+[class*=col-lg-], [class*=col-md-]+[class*=col-sm-], [class*=col-md-]+[class*=col-xs-], label[class*=col-md-]+[class*=col-md-] {
        margin-top: 0;
    }
    .form-horizontal label[class*=col-md-] {
        padding-top: 0;
    }
    .navbar-nav {
        text-align: center;
        font-size: 0;
        float: none;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-left, .navbar-right {
        float: none!important;
    }
    .navbar-header {
        float: none;
        margin-right: 25px;
    }
    .navbar-nav {
        text-align: center;
        font-size: 0;
    }
    .navbar-inverse .navbar-nav {
        background-color: #3A4B55;
    }
    .navbar-default .navbar-nav {
        background-color: #f2f2f2;
    }
    .navbar-nav>li {
        float: none;
        position: static;
        border: 0;
    }
    .navbar-nav>li:first-child {
        border-left: 0;
    }
    .navbar-nav>li>.dropdown-menu {
        width: 60%;
        margin: 2px 20%}
    .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
        background-color: rgba(0, 0, 0, .2);
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .1)inset;
    }
    .navbar-nav .dropdown-menu .popup-header:after, .navbar-nav .dropdown-menu>li:first-child:after, .navbar-nav .dropdown-menu>li:first-child:before {
        content: "";
        border: 0;
    }
    .navbar-nav.navbar-right:last-child {
        margin-right: 0;
    }
    .navbar-form {
        margin: 0;
        text-align: center;
    }
    .navbar-inverse .navbar-form, .navbar-inverse .navbar-nav {
        border-bottom: 1px solid rgba(255, 255, 255, .1);
    }
    .navbar-default .navbar-form, .navbar-default .navbar-nav {
        border-top: 1px solid #e5e5e5;
    }
    .navbar-form .btn {
        margin: 15px 15px 15px 0;
    }
    .navbar-form .form-group {
        padding: 15px;
        margin-bottom: 0;
        display: inline-block;
        vertical-align: middle;
    }
    .navbar-text {
        padding: 0 15px;
    }
    .navbar-inverse .navbar-form {
        background-color: #3A4B55;
    }
    .navbar-default .navbar-form {
        background-color: #f2f2f2;
    }
    .statistics.list-justified>li {
        padding-left: 0;
    }
    .statistics.list-justified li {
        margin-top: 20px;
    }
    .statistics.list-justified li:first-child {
        margin-top: 0;
    }
    .page-stats.list-justified li.background-default {
        border-left: 1px solid #ddd;
    }
    .page-stats.list-justified li {
        margin-top: 20px;
    }
    .page-stats.list-justified li:first-child {
        margin-top: 0;
    }
    ul.list-justified li {
        display: block;
        width: auto;
    }
    .navigation {
        margin: 0;
    }
    .page-content {
        margin: 25px 25px 0 25px!important;

    }
    .sidebar {
        z-index: 100;
    }
    .sidebar-narrow .navigation>li {
        width: 100%;
        border: 1px solid #49565D;
        border-left: 0;
        margin-top: -1px;
    }
    .sidebar-narrow .navigation>li>a>span {
        display: block;
    }
    .sidebar-narrow .navigation>li>a>i {
        position: absolute;
    }
    .sidebar-narrow .navigation>li>a {
        padding: 13px 40px 14px 14px;
        text-align: left;
    }
    .sidebar-narrow .navigation>li>ul {
        z-index: 2;
        top: 100%;
        position: static;
        left: 1px;
        width: 100%;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
    }
    .sidebar-narrow.sidebar-right .navigation>li>ul {
        right: 0;
    }
    .sidebar-toggle {
        display: none;
    }
    .sidebar-narrow .sidebar-hidden .sidebar, .sidebar-wide .sidebar-hidden .sidebar {
        left: 0;
    }
    .sidebar-narrow.sidebar-right .sidebar-hidden .sidebar, .sidebar-wide.sidebar-right .sidebar-hidden .sidebar {
        right: 0;
    }
    .sidebar-narrow .sidebar, .sidebar-wide .sidebar {
        max-height: 340px;
        width: 100%;
        min-height: 0;
        overflow-x: visible;
        overflow-y: auto;
        left: 0;
        right: 0;
    }
    .sidebar-narrow .user-menu, .sidebar-wide .user-menu {
        display: none;
    }
}

@media (min-width:992px) {
    .navbar-button, .navbar-form, .navbar-nav, .navbar-text, .sidebar {
        display: block;
    }
    .navbar-toggle {
        display: none;
    }
    .modal-lg {
        width: 1000px;
    }
}

@media (max-width:1199px) {
    [class*=col-lg-]+[class*=col-lg-] {
        margin-top: 20px;
    }
    [class*=col-lg-]+[class*=col-md-], [class*=col-lg-]+[class*=col-sm-], [class*=col-lg-]+[class*=col-xs-], label[class*=col-lg-]+[class*=col-lg-] {
        margin-top: 0;
    }
    .form-horizontal label[class*=col-lg-] {
        padding-top: 0;
    }
}

@media print {
    .jGrowl {
        display: none;
    }
}
